<template>
  <el-tooltip class="item" effect="dark" placement="top"  v-if="content">
    <div slot="content" v-html="content"></div>
    <el-button  v-bind="$attrs" v-on="$listeners">{{ label }}</el-button>
  </el-tooltip>
  <el-button v-else v-bind="$attrs" v-on="$listeners">{{ label }}</el-button>
</template>
<script>
import Question from "@/components/workflows/question";
export default {
  name:"TooltipButton",
  components: {Question},
  props: {
    content: {
      default: "",
      type: String
    },
    label: {
      default: "",
      type: String
    }
  },
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped>
  .el-button {
    background-color: #1e82e0;
    color: #fff;
    border-color: #1e82e0;
  }
</style>
